<template>
	<view>
		<view class="cu-card dynamic">
			<view class="cu-item shadow" v-for="item in sotreLsit" :key="item.id" @tap="tap(item.id)">
				<view class="cu-bar bg-white solid-bottom">
					<view class="action">
						<text class="cuIcon-titles text-orange"></text> {{ item.name }}
					</view>
				</view>
				<view class="grid flex-sub padding-lr" :class="isCard?'col-3 grid-square':'col-1'">
					<view class="bg-img" :class="isCard?'':'only-img'" :style="{backgroundImage:'url('+item.path+')','background-size': 'cover'}">
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title: {
				type: String
			},
			sotreLsit:{
				type: Array
			}
		},
		methods: {
			tap(id){
				this.$emit('onTap', id)
			}
		}
	}
</script>

<style>
	.padding-lr {
		padding-bottom: 30rpx;
	}
</style>
